<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>Document</title>
    <style></style>
  </head>
  <body>
    <div>
      <h1>Hash模式和History模式的区别</h1>
      <div>
        <h2>表现形式的区别</h2>
        <p>Hash模式路径中带着#号,?号后面携带参数</p>
        <p>History模式和上面不同没有#和?</p>
        <p></p>
      </div>
      <div>
        <h2>原理区别</h2>
        <p>Hash模式是基于描点,以及onhashchange事件</p>
        <p>History模式是基于HTML5中的History API</p>
        <p>history.pushState()</p>
        <p>history.replaceState()</p>
      </div>
    </div>
    <script></script>
  </body>
</html>
